import { createApp } from "vue";
// element icons
import * as Icons from "@element-plus/icons-vue";
// svg icons
import "virtual:svg-icons-register";
import router from "@/routers";
import pinia from "@/stores";
import i18n from "@/i18n";
import directives from "@/directives";
import App from "./App.vue";
import "@/styles/index.scss";
const app = createApp(App);

// register the element Icons component
Object.keys(Icons).forEach(key => {
  app.component(key, Icons[key as keyof typeof Icons]);
});

app.use(router).use(pinia).use(i18n).use(directives);
app.mount("#app");
